<%-- 
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Nguyen Hung
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <script>
            $j(".qv402:odd").css("background-color", "#DEF1FC");
            $j(".rich-table-row:odd").addClass("odd");
        </script>

        <style type="text/css">
            .qv402{
                float: left;
                margin-bottom: 2px;
                margin-left: 25px;
                margin-top: 2px;
                padding-bottom: 4px;
                padding-top: 4px;
                width: 854px;
            }
            .smsContent{
                float: left;
                margin-bottom: 10px;
                margin-left: 245px;
                margin-top: 10px;
            }
        </style>

    </head>

    <f:view>
        <body>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <%--<a4j:repeat value="#{m300Bean.listM300US}" var="item">

                <h:outputText value="-  #{item.hoten} (#{item.mv304})" styleClass="qv402"/>


            </a4j:repeat>--%>
            <div class="smsContent">                                                         
                <rich:dataTable  value="#{m300Bean.listM300US}" rowKeyVar="row" var="item" columnClasses="col1"
                                 rowClasses="blue, white"
                                 id="abcxyz" width="550px">
                    <rich:column style="width:30px"> 
                        <f:facet name="header">
                            <h:outputText value="STT"/>
                        </f:facet>
                        <div style="text-align: center">
                            <h:outputText value="#{row+1}"/>
                        </div>

                    </rich:column>   
                    <rich:column  style="width:270px"> 
                        <f:facet name="header">
                            <h:outputText value="Họ tên" styleClass="col1" />
                        </f:facet>
                        <div>
                            <h:outputText value="#{item.hoten}"/>
                        </div>

                    </rich:column>                                 
                    <rich:column style="width:116px">
                        <f:facet name="header">
                            <h:outputText value="Số điện thoại"/>
                        </f:facet>
                        <div >
                            <h:outputText value="#{item.mv304}"/>
                        </div>
                    </rich:column> 


                </rich:dataTable>
            </div>

            <%--      <a4j:repeat value="#{viewBean.listM300US}" var="item" >  
                      <div class="rich-table-row rich-table-firstrow cssHeight">
                          <div class="rich-table-cell cssLeft borderLft " style="width: 108px"><h:outputText value="#{item.hoten}" /></div>
                          <div class="rich-table-cell cssLeft" style="width: 148px"><h:outputText value="#{item.mv304}" /></div>
                          
                      </div>

                </a4j:repeat> --%>

        </body>
    </f:view>
</html>
